<table>
    <tr>
        <th>Login</th>
        <th>Senha</th>
        <th>Tipo</th>
        <th>Ações</th>
    </tr>

    <tr class="alt" >
        <?php foreach ($this->paginator as $k => $usuarios): ?>
        <tr class="<?php echo ($k % 2 == 0) ? 'alt' : '' ?>">
            <td><?php echo $usuarios['login'] ?></td>
            <td><?php echo $usuarios['senha'] ?></td>
            <td>
                <?php 
                    if($usuarios['tipo_usuario'] == "C") {
                        echo "COMUM";
                    }
                    if($usuarios['tipo_usuario'] == "A") {
                        echo "ADMINISTRADOR";
                    }                                      
                ?>
            </td>
            <td>
                <a class="linkEditar" href="/usuario/formulario/id_usuario/<?php echo $usuarios['id_usuario'] ?>">
                    <img src="/img/edit-icon.gif" title="Editar registro" />
                </a>
                <a class="btExcluir" href="/usuario/excluir/id_usuario/<?php echo $usuarios['id_usuario'] ?>">
                    <img src="/img/delete-icon.gif" title="Excluir Registro" />
                </a>
            </td>
        </tr>    
    <?php endforeach; ?>

</table>

<?php echo $this->paginationControl($this->paginator, 'Sliding', 'my_pagination_control.phtml'); ?>

<div id="dcUsuario">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Deseja realmente excluir esse usuario?</p>
</div>

<div id="usuarioErro">
    <p></p>    
</div>

<div id="usuarioSucesso">
    <p></p>    
</div>

<script>
    
    var url = "";
    $(function(){       
                
        $( "#usuarioSucesso" ).dialog({
            autoOpen: false
        });
        
        $( "#usuarioErro" ).dialog({
            autoOpen: false
        });
                
        $("#dcUsuario").dialog({
            resizable: false,
            height:250,
            width:500,
            modal: true,
            autoOpen: false,
                
            buttons: {
                "Ok": function() {
                    $.get(url, null, function(retorno){
                        if(retorno.tipo == 'sucesso'){
                            $('#usuarioSucesso').html(retorno.msg);                            
                            $('#usuarioSucesso').dialog({
                                modal: true,
                                buttons: {
                                    "Ok": function() {
                                        $( this ).dialog( "close" );
                                    }
                                }
                            });
                            $('#usuarioSucesso').dialog("open");    
                            $('#divResUsuario').load('/usuario/grid/');
                                
                        } else {
                            $('#usuarioErro').html(retorno.msg);                            
                            $('#usuarioErro').dialog({
                                buttons: {
                                    modal: true,
                                    "Ok": function() {
                                        $( this ).dialog( "close" );
                                    }
                                }
                            });
                            $('#usuarioErro').dialog("open");
                            $('#divResUsuario').load('/usuario/grid/');
                        }                    
                    }, 'json');
                    $( this ).dialog("close");
                    
                },
                Cancel: function() {
                    $('#divResUsuario').load('/usuario/grid/');
                    $( this ).dialog( "close" );
                        
                }
                    
            }
                
        });
                
        $('.pagination a').click(function(){
           
            var href = $(this).attr('href');
            $('#divResUsuario').load(href);
            return false;
        });
        
        $('.linkEditar').click(function(){
            var url = $(this).attr('href');
            $('#ui-tabs-3').load(url);
            return false;
        });
        
        $('.btExcluir').click(function(){
            
            url = $(this).attr('href');
            $("#dcUsuario").dialog("open");
            
            return false;
        });
        
    })
    
</script>